<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>钱宝宝</title>
    <link rel="stylesheet" href="../css/swiper.min.css"/>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/swiper.min.js"></script>


    <link rel="stylesheet" href="//at.alicdn.com/t/font_900372_7j0y0gnlie.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
</head>
<body>
<!--头部-->
<header>
    <div class="safe">
        <div class="left">
            <i class="iconfont icon-shouji"></i>
            <span>免费热线：408-863-253</span>
        </div>
        <div class="right">
            <a href="" class="ks">快速注册</a>
            <a href="" class="dl">立即登录</a>
            <a href="" class="bz">帮助中心</a>

        </div>
    </div>
</header>

<!--导航-->
<nav>
    <div class="safe">
        <div class="left">
            <img src="../img/logo.png"/>
        </div>


        <ul class="right">
            <li>首页</li>
            <li>我要理财</li>
            <li>我要借款</li>
            <li>新手指引</li>
            <li>关于我们</li>
        </ul>
    </div>
</nav>

<!--banner轮播-->


<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="../img/banner.png" alt=""/>
        </div>
        <div class="swiper-slide">
            <img src="../img/banner2.jpg" alt=""/>
        </div>
        <div class="swiper-slide">
            <img src="../img/banner3.jpg" alt=""/>
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>



</div>






<!--banner下面的楼层1-->
<section class="safe f1">
    <ul>
        <li>
            <img src="../img/xm1.png">

            <h2>投资理财</h2>

            <p>告别月光一族，理性投资，最高可获得15%年
                化利率的稳定收益。</p>
        </li>
        <li>
            <img src="../img/xm2.png">

            <h2>信用贷款</h2>

            <p>无需任何抵押，通过审核后即可放款，更可申
                请高达3—10倍贷款金额。</p>

        </li>
        <li>
            <img src="../img/xm3.png">

            <h2>安全保障</h2>

            <p>首创P2P征信系统，信息透明化，让投资更有
                安全感。</p>
        </li>

    </ul>

</section>

<!--楼层2：投资列表-->
<div class="safe f2">
    <table>
        <thead>
        <tr>
            <td colspan="7">
                <img src="../img/tz.png"/>
                <span>投资列表</span>
            </td>
        </tr>
        </thead>

        <tbody class="neirong">
        <tr class="biaoti">
            <td></td>
            <td>借款标题</td>
            <td>年利率</td>
            <td>金额</td>
            <td>期限</td>
            <td>进度</td>
            <td></td>
        </tr>
        <tr class="w">
            <td>
                <span class="shi">实</span>
            </td>
            <td>理财宝A计划</td>
            <td>8-9%</td>
            <td>63,000元</td>
            <td>3个月</td>
            <td>
                <span class="jindu">100%</span>
            </td>
            <td>
                <button>立即加入</button>
            </td>

        </tr>
        <tr class="w">
            <td>
                <span class="shi">实</span>
            </td>
            <td>理财宝A计划</td>
            <td>8-9%</td>
            <td>63,000元</td>
            <td>3个月</td>
            <td>
                <span class="jindu">100%</span>
            </td>
            <td>
                <button>立即加入</button>
            </td>

        </tr>
        <tr class="w">
            <td>
                <span class="shi">实</span>
            </td>
            <td>理财宝A计划</td>
            <td>8-9%</td>
            <td>63,000元</td>
            <td>3个月</td>
            <td>
                <span class="jindu">100%</span>
            </td>
            <td>
                <button>立即加入</button>
            </td>

        </tr>


        </tbody>
        <tfoot>
        <tr>
            <td colspan="7"><a href="">查看更多投资理财项目</a></td>
        </tr>
        </tfoot>
    </table>


</div>

<!--楼层3：投资效果-->
<div class="safe f3">
    <div class="hang1">投资效果</div>


    <ul class="hang2">
        <li>
            <img src="../img/pic2.png"/>
            <h4>累计总金额</h4>

            <p>￥353,492</p>
        </li>
        <li>
            <img src="../img/pic3.png"/>
            <h4>累计总金额</h4>

            <p>￥353,492</p>
        </li>
        <li>
            <img src="../img/pic4.png"/>
            <h4>累计总金额</h4>

            <p>￥353,492</p>
        </li>
        <li>
            <img src="../img/pic5.png"/>
            <h4>累计总金额</h4>

            <p>￥353,492</p>
        </li>
    </ul>

</div>

<!--楼层4：合作伙伴-->

<div class="safe f4">
    <span class="left">合作伙伴</span>
    <a href="" class="right">更多<i class="iconfont icon-shuangyoujiantou-"></i>
    </a>
</div>

<ul class="safe f4-1">
    <li>
        <div class="f4-hz1">
            <!--<img src="../img/hz1.png"/>-->
        </div>
    </li>
    <li>
        <div class="f4-hz2"></div>
    </li>
    <li>
        <div class="f4-hz3"></div>
    </li>
    <li>
        <div class="f4-hz4"></div>
    </li>
    <li>
        <div class="f4-hz5"></div>
    </li>
    <li>
        <div class="f4-hz6"></div>
    </li>
    <li>
        <div class="f4-hz7"></div>
    </li>
    <li>
        <div class="f4-hz8"></div>
    </li>


    <!--<li><img src="../img/hz2.png"/></li>-->
    <!--<li><img src="../img/hz3.png"/></li>-->
    <!--<li><img src="../img/hz4.png"/></li>-->
    <!--<li><img src="../img/hz5.png"/></li>-->
    <!--<li><img src="../img/hz6.png"/></li>-->
    <!--<li><img src="../img/hz7.png"/></li>-->
    <!--<li><img src="../img/hz8.png"/></li>-->
</ul>

<!--楼层5：友情链接-->
<div class="safe f5">
    <span class="left">友情链接</span>
    <a href="" class="right">更多<i class="iconfont icon-shuangyoujiantou-"></i></a>
</div>

<div class="safe f5-1">
    <a href="">258集团</a>
    <a href="">钱多多</a>
    <a href="">财富帮</a>
    <a href="">信易贷</a>
    <a href="">万贷好</a>
    <a href="">宜信</a>
    <a href="">小牛资本</a>
    <a href="">信而富</a>
    <a href="">玖富</a>
    <a href="">恒昌</a>
    <a href="">民生银行</a>
</div>


<!--footer-->
<footer>
    <ul>
        <li>
            <a href="">
                关于我们
            </a>
            <span>|</span>
        </li>

        <li><a href="">
            合作伙伴
        </a>
            <span>|</span></li>
        <li><a href="">
            最新动态
        </a>
            <span>|</span></li>
        <li><a href="">
            联系我们
        </a>
            <span>|</span></li>
        <li><a href="">
            我要理财
        </a>
            <span>|</span></li>
        <li><a href="">
            我要借款
        </a>
            <span>|</span></li>
        <li><a href="">
            新手引导
        </a>
        </li>
    </ul>

    <p>厦门钱宝宝投资发展有限公司</p>

    <p>Copyright © 2015 qianbaobao.com Inc. All Rights</p>

    <p>服务热线：4006-258-258</p>

    <div class="foot-img">
        <img src="../img/sbiao01.png"/>
        <img src="../img/sbiao02.png"/>
        <img src="../img/sbiao03.png"/>
        <img src="../img/sbiao04.png"/>
        <img src="../img/sbiao05.png"/>
    </div>

</footer>



<script src="../js/index.js"></script>
</body>
</html>